<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"  content="width=device_width,use-scalable=no,initial-scale=1.0"/>
    <title>分类</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/category.css"/>
</head>
<body>
<div class="jd_category">
    <div class="jd_topBar">
        <a href="#" class="icon_jd_topBarl"></a>
        <form action="#" ><input type="text" placeholder="搜索"/></form>
        <a href="#" class="icon_jd_topBarr"></a>
    </div>
    <div class="jd_main">
        <div class="jd_main_left">
            <ul>
                <li><a href="#" >热门推荐1</a></li>
                <li><a href="#" class="current">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
                <li><a href="#">热门推荐</a></li>
            </ul>
        </div>
        <div class="jd_main_right">
               <div class="jd_right_top">
                   <a href="#"><img src="images/banner_1.jpg" alt=""/></a>
               </div>
               <div class="jd_right_bottom">
                   <h3>热门分类</h3>
                   <ul>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                       <li><a href="#"><img src="images/nv-fy.jpg" alt=""/><p>毛呢大衣</p></a></li>
                   </ul>
               </div>

        </div>
    </div>
</div>
<script src="js/iscroll.js"></script>
<script src="js/category.js"></script>
</body>
</html>